/* Basic Typography & Colors
-------------------------------------------------------------- */

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
  color: #2460b6;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {
  
}

.button a,
.button a:link,
.button a:visited,
a.button,
a.button:link,
a.button:visited {
	
}

.button a:hover,
.button a:active,
a.button:hover,
a.button:active {
	
}

h1, h1.title {
  font-size: 18px;
  color: #333;
  border-bottom: 2px dotted #0062A0;
}

h2,
h2 a {
  font-size: 14px;
  color: #01083d;
}

ul.links {
  margin-bottom: 0;
}


/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 200%;
  font-weight: normal;
  line-height: 150%;
  margin: 0;
  margin-top: 15px;
}

#site-name a {
  color: #fff;
}

.footer-message {
  font-size: 90%;
}


/* HTML Elements
-------------------------------------------------------------- */
body {
  padding: 0;
  margin: 0;
  color: #000;
/*  width: 100%;
  display: table;*/
  font-size: 12px;
  /*background: url('../images/bg.jpg') no-repeat center top #1e1004;
  background-attachment: fixed;*/
  background-color: #000;
}

.background img {
  width: 100%;
	position: fixed;
	top: 0;
	left: 0;
  z-index: -1;
}

#topbar-wrapper {
  height: 36px;
  background: url('../images/bg_topbar.png') repeat-x;
}

#topbar .block {
  margin: 0;
}

#block-search-form {
  padding-top: 3px;
}

/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
#header-site-info {
  display: block;
  float: left;
}

.header-site-info span {
  display: block;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#site-name-wrapper {
  float: left;
}

#header-group {
  min-height: 100px;
}

/* Link and hover styles for site name */
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
}

/* Typography for site slogan */
#slogan {
}


/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that skin styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page {
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 5px;
}


/* Header Regions
-------------------------------------------------------------- */
.header-group-wrapper .block {
  margin: 0;
  padding: 0;
}

/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main-wrapper {
}

#main{
  background-color: #f5f4f4;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#main-inner {
  padding-top: 5px;
}

.front #main-inner {
  padding-top: 10px;
}

.in-maintenance #content-region {
  background-color: #f5f4f4;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}

#content-group {
  background-color: #fff;
  padding-top: 8px;
}

body.no-sidebars #content-group {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

body.sidebar-first #content-group {
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
}

body.sidebar-second #content-group {
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
}

body.two-sidebars #content-group {
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
}

/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */

.sidebar .block {
  /* zorgt er voor dat de shadown niet getoont word, groter dan de block */
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.sidebar .block .inner {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.sidebar .block h2.title{
  padding: 5px;
  background-color: #6690ca;
  color: #fff;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: url('../images/block_bg.png') repeat-x;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0;
}

.sidebar .block .content{
  padding: 10px;
  position: relative;
  z-index: 0;
}

.sidebar .block .content .views-table {
  margin-top: 0;
  margin-bottom: 0;
}

.sidebar .block.shadow .inner .content .shadow {
  background: url('../images/block_shadow.png') right bottom no-repeat;
  width: 244px;
  height: 150px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: -8px;
  margin-bottom: -9px;
  z-index: -1
}

.sidebar .inner ul {
  list-style-type: none;
}

.sidebar .inner li {
  padding-left: 5px;
}

.sidebar .inner input.form-radio {
  margin-top: -5px;
  margin-left: 2px;
}

.sidebar .inner label {
  padding-left: 10px;
}


/* Footer
/-------------------------------------------------------------- */
#footer {
  background-color: #191919;
  margin-bottom: 20px;
  padding-top: 10px;
  color: #dedfde;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 11px;
}

#footer h2 {
   width: 100%;
   border-bottom: 1px solid #dedfde;
   padding-bottom: 2px;
   margin-bottom: 7px;
   font-size: 10px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #dedfde;
}

#footer ul {
    margin-left: 0px;
}

#footer li {
    margin-left: 0px;
}

#footer .content{
    padding-left: 10%;
}

#footer .content ul.menu li {
    padding-bottom: 2px;
    list-style: none;
}

#footer a {
    color: #dedfde;
    text-decoration: none;
}

#footer a:hover {
    color: #f2a407;
}

/* Default node styles
/-------------------------------------------------------------- */

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
  color: #3f7f00;
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}


/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
.content-messages {
  margin: 0;
}

div.content-messages div.messages,
div.content-help div.help {
  padding: 10px;
  padding-left: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Status messages: green */
div.content-messages-inner div.status {
  border: 1px solid 
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
  
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
  margin: 0;
  padding-bottom: 5px;
  color: #888;
}

.breadcrumbs .breadcrumbs-inner {
  float: right;
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
  color: #888;
  font-size: 11px;
}

/* Blocks
-------------------------------------------------------------- */

#block-block-2 input {
  width: 80%;
}

.block th {
  background: none;
  border: none;
}

#block-livedata-sun p,
#block-livedata-moon p {
  margin: 0 0 5px 0;
}

#block-livedata-sun h3,
#block-livedata-moon h3 {
  margin: 0 0 5px 0;
}

/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: right; /* LTR */
  margin: 5px 0;
  padding: 0;
  display: block;
  width: 310px;
}

#content-tabs-inner {
  display: block;
  width: 300px;
  float: right;
}

#content-tabs li a {
  color: #555;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  clear: both;
  float: right; /* LTR */
  margin: 0;
  padding: 0 10px;
  border: none;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #555;
  float: left; /* LTR */
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
  font-size: 11px;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  color: #000;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  color: #000;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  color: #777;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #2460B6;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #7894cd;
  border-color: #333;
  color: #fff;
}
/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
  border: none;
}

thead {
}

/* Header of tables */
thead th,
th {
  border: none;
  background-color: #f5f9ff;
  padding: 2px;
  border-bottom: 1px dotted #0062a0;
}

tbody th {

}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #f5f9ff;
  border-bottom: 1px dotted #BBB;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px dotted #BBB;
}

tr.views-row-last {
  border-bottom: none;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  #content-content {
  background: url('../images/maintenance.png') no-repeat;
  height: 128px;
  padding-left: 150px;
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */

#comments .comment {
  margin-bottom: 30px;
}


#comments .info {
  float: left;
  margin-right: 30px;
  font-size: 10px;
}

#comments .content {
  border: 1px solid #777777;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  margin-left: 80px;
}

#comments .corner {
  width: 10px;
  height: 20px;
  background: url('../images/comment-arrow.png');
  position: absolute;
  left: 0;
  top: 10px;
  margin-left: -10px;
}

#comments .submitted .author {
  font-size: 11px;
  width: 60px;
}

/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}

/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #2460B6;
}

/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}

/* Tags
/-------------------------------------------------------------- */

.field-name-field-tags {
  background: url('../images/icons/tags.png') no-repeat;
  padding-left: 10px;
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
}

.field-name-field-tags div {
  float: left;
  margin: 0 0 8px 5px;
}

.field-name-field-tags a {
  margin-left: 6px;
  color: #333333;
  background-color: #EEEEEE;
  padding: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 11px;
}

.field-name-field-tags a:hover {
  background-color: #CCCCCC;
}

/* Calendar
/-------------------------------------------------------------- */

.view-kalender .item .calendar,
.calendar-calendar .week-view .full div.single-day div.weekview,
.calendar-calendar .day-view .full div.single-day div.dayview{
  background-color: #B3CDE8 !important;
  border: 1px solid #74a5d7;
}

.view-kalender .item .calendar .continues,
.view-kalender .item .calendar .cutoff {
  background-color: #B3CDE8 !important;
}

.view-kalender ul.pager li a {
  border: 0;
}

.view-kalender ul.pager li.date-prev {
  right: 94px;
}


/* WYSIWYG
/-------------------------------------------------------------- */

#tinymce {
  background: none !important;
}

.filter-wrapper {
  border: none;
  background-color: #f7f7f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* PANELS
/-------------------------------------------------------------- */

.panels-flexible-row {
  padding-top: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* SOCIAL MEDIA
/-------------------------------------------------------------- */
.sharethis-buttons {
  clear: both;
}


/* VIEWS
/-------------------------------------------------------------- */

/* tables */

.views-table {
  margin-top: 15px;
  margin-bottom: 15px;
}

.views-table caption {
  background-color: #6690ca;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* FORMS
/-------------------------------------------------------------- */

input.button {
  cursor: pointer;
  z-index: 10;
}